<template>
    <!-- 注册流程 -->
    <div class="flowProcedure">
        <div :class="registerFlowData.identityShowI ? 'FPidentity' : ''">
            <div class="FPnum">
            <span>1</span>
            </div>
            <p class="FPfootI">{{registerFlowData.choice}}</p>
        </div>
        <div :class="registerFlowData.messageShowI ? 'FPmessage' : ''">
            <hr>
            <div class="FPnum">
            <span>2</span>            
            </div>
            <p class="FPfootM">{{registerFlowData.validate}}</p>
        </div>
        <div :class="registerFlowData.passwordShowI ? 'FPpassword' : ''">
            <hr>
            <div class="FPnum">
            <span>3</span>            
            </div>
            <p class="FPfootP">{{registerFlowData.password}}</p>
        </div>
        <div :class="registerFlowData.completeShowI ? 'FPmessage' : ''">
            <hr>
            <div class="FPnum">
            <span>4</span>            
            </div>
            <p class="FPfootC">{{registerFlowData.complete}}</p>
        </div>
    </div>
</template>

<script>
export default {
  props: [
    'registerFlowData'
  ]
}
</script>

<style>
@import '../../static/registerFlow/registerFlow.css'
</style>
